<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./assets/mui/css/mui.min.css">
    <link rel="stylesheet" href="./assets/fontAwesom/css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/add-address.css">
    <script src="./assets/mui/js/mui.min.js"></script>
    <script src="./assets/zepto/zepto.min.js"></script>
    <script src="./js/add-address.js"></script>
    <link rel="stylesheet" href="./assets/mui/css/mui.picker.css">
    <link rel="stylesheet" href="./assets/mui/css/mui.poppicker.css">
    <script src="./assets/mui/js/mui.picker.js"></script>
    <script src="./assets/mui/js/mui.poppicker.js"></script>
    <!-- 引入city.js -->
    <script src="./js/city.js"></script>
    <!-- 引入模板渲染引擎工具 -->
    <!-- <script src="./assets/artTemplate/template-native.js"></script> -->
</head>

<body>
    <header class="mui-bar mui-bar-nav my-header">
        <span class="mui-icon mui-icon-arrowleft" style="color: #fff" id="back"></span>
        <h1 class="mui-title">添加新的收货地址</h1>
        <span class=" add-address-title mui-pull-right" id="saveAddress">保存</span>
    </header>

    <div class="mui-content ">
        <!-- 地址列表 -->
        <form class="mui-input-group">
            <div class="mui-input-row">
                <input type="text" placeholder="收货人" class="name">
            </div>
            <div class="mui-input-row">
                <input type="text" placeholder="邮编" class="postcode">
            </div>
            <div class="mui-input-row">
                <input type="text" placeholder="手机号" class="tel">
            </div>
            <div class="mui-input-row">
                <input type="text" placeholder="所在省市区" id="getCity" class="city">
            </div>
            <textarea id="textarea" rows="5" placeholder="详细地址：如道路、门牌号、小区、楼栋号、单元室等" class="detail"></textarea>
        </form>
    </div>

</body>

</html>